<%--
  Created by IntelliJ IDEA.
  User: 31921
  Date: 2024/12/16
  Time: 11:39
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java"
pageEncoding="UTF-8" %>
<html>
    <head>
        <title>新增用户</title>
      <style>
        body {
          font-family: Arial, sans-serif;
          background-color: #f4f4f4;
          margin: 0;
          padding: 0;
        }
        .header {
          background-color: #4cafa7;
          color: white;
          padding: 15px;
          text-align: center;
        }
        .container {
          padding: 20px;
          max-width: 600px;
          margin: 0 auto;
          background-color: white;
          box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
          border-radius: 8px;
        }
        h2 {
          text-align: center;
        }
        .form-group {
          margin-bottom: 15px;
        }
        label {
          display: block;
          margin-bottom: 5px;
          font-weight: bold;
        }
        input[type="text"], input[type="email"], input[type="number"], input[type="tel"], select {
          width: 100%;
          padding: 10px;
          margin: 5px 0;
          border-radius: 4px;
          border: 1px solid #ddd;
        }
        .button {
          background-color: #afaa4c;
          color: white;
          padding: 10px 15px;
          text-decoration: none;
          border-radius: 4px;
          /*width: 100%;*/
          margin-top: 20px;
          display: inline-block;
          /*text-align: center;*/
        }
        .button:hover {
          background-color: #a06045;
        }
      </style>
    </head>
    <body>
      <div class="header">
        <h1>新增用户</h1>
      </div>
      <div class="container">
        <a href="userManagement" class="button">返回上一级</a>

        <h2>新增用户信息</h2>
        <form action="addUser" method="POST">
          <%--<div class="form-group">
            <label for="id">id</label>
            <input type="text" id="id" name="id" required placeholder="请输入学号" />
          </div>--%>
          <div class="form-group">
            <label for="username">用户名</label>
            <input type="text" id="username" name="username" required placeholder="请输入用户名" />
          </div>
          <div class="form-group">
            <label for="password">密码</label>
            <input type="text" id="password" name="password" required placeholder="请输入用户密码" />
          </div>
          <div class="form-group">
            <label for="email">邮箱</label>
            <input type="email" id="email" name="email" required placeholder="请输入邮箱" />
          </div>
          <button type="submit" class="button">提交</button>
        </form>
      </div>

    </body>
</html>
